<template>
	<view>
		<u-datetime-picker
			:show="jrtime"
			v-model="model1.userInfo.jrtime" @close="jrtime=false"
			mode="datetime" closeOnClickOverlay :showToolbar="false"
		        ></u-datetime-picker>
		<u-datetime-picker
			:show="yytime"
			v-model="model1.userInfo.yytime" @close="yytime=false"
			mode="datetime" closeOnClickOverlay	:showToolbar="false"
				></u-datetime-picker>
		<view style="padding: 44rpx;">
			<u--form
					labelPosition="left"
					:model="model1"
					labelWidth="120"
					ref="uForm"
			>
				<u-form-item
						label="门店名称"
						prop="userInfo.name"
						borderBottom
						ref="item1"
				>
					<u--input
							v-model="model1.userInfo.name"
							placeholder="请输入门店名称"
							border="none"
					></u--input>
				</u-form-item>
				<u-form-item
						label="门店图片"
						prop="userInfo.name"
						borderBottom
						ref="item1"
				>
						<u-upload action="http://www.example.com/upload" :file-list="fileList" ></u-upload>
				</u-form-item>
				<u-form-item
						label="是否加入联盟"
						prop="userInfo.sex"
						borderBottom
				>
					<u-switch v-model="model1.userInfo.sex"></u-switch>
				</u-form-item>
				<u-form-item
						label="门店介绍"
						prop="userInfo.desc"
						borderBottom
				>
					<u--input
							v-model="model1.userInfo.desc"
							placeholder="请输入门店介绍"
							border="none"
					></u--input>
				</u-form-item>
				<u-form-item
						label="门店详情"
						prop="userInfo.desc"
						borderBottom
				>
					<u--input
							v-model="model1.userInfo.desc"
							placeholder="请输入门店详情"
							border="none"
					></u--input>
				</u-form-item>
				<u-form-item
						label="门店地址"
						prop="userInfo.desc"
						borderBottom
				>
					<u--input
							v-model="model1.userInfo.desc"
							placeholder="请输入门店地址"
							border="none"
					></u--input>
				</u-form-item>
				
				<u-form-item
						label="联系电话"
						prop="userInfo.tel"
						borderBottom
				>
					<u--input
							v-model="model1.userInfo.tel"
							placeholder="请输入联系电话"
							border="none"
					></u--input>
				</u-form-item>
				<u-form-item
						label="加入时间"
						prop="userInfo.jrtime"
						borderBottom
						@click="jrtime=true"
				>
					<u--input
							v-model="model1.userInfo.jrtime"
							placeholder="请选择加入时间"
							border="none"
					></u--input>
				</u-form-item>
				<u-form-item
						label="营业时间"
						prop="userInfo.yytime"
						borderBottom
						@click="yytime=true"
				>
					<u--input
							v-model="model1.userInfo.yytime"
							placeholder="请选择营业时间"
							border="none"
					></u--input>
				</u-form-item>
				<u-form-item
						label="预约间隔"
						prop="userInfo.yyjg"
						borderBottom
				>
					<u--input
							v-model="model1.userInfo.yyjg"
							placeholder="请输入预约间隔"
							border="none"
					></u--input>
				</u-form-item>
			</u--form>
		</view>
		<view class="submit_footer">
			<view class="btn">提交</view>
		</view>
	</view>
</template>

<script>
	import itsCalendar from '@/components/its-calendar/its-calendar.vue';

	export default {
		components: {
			itsCalendar
		},
		data() {
			return {
				jrtime:false,
				fileList: [
					{
						url: 'https://cdn.uviewui.com/uview/album/1.jpg',
					}
				],
				showTime:false,
				yytime:false,
				model1: {
					userInfo: {
						desc:'',
						name: '',
						sex: '',
						time:'',
						jrtime:'',
						yyjg:''
					},
				},
			};
		},
		methods:{
			qrTime(){
				this.jrtime=false;
			},
			TimeData(e){
				console.log(e)
				this.showTime=false;
				this.model1.userInfo.time=e.weeks+e.hours
			}
		}
	}
</script>

<style lang="scss" scoped>
.detail_top{
	width: 750rpx;
	height: 107rpx;
	background: #FFFFFF;
	margin-top: 7rpx;
	font-size: 20rpx;
	text-align: center;
}
.submit_footer{
	width: 100%;
	height: 313rpx;
	background: #FFFFFF;
	position: fixed;
	bottom: 0rpx;
	padding: 49rpx;
	left: 0rpx;
	.text{
		width: 660rpx;
		height: 78rpx;
		font-size: 20rpx;
		font-weight: 400;
		color: #FF7575;
		line-height: 39rpx;
	}
	.btn{
		width: 656rpx;
		height: 90rpx;
		background: #000000;
		border-radius: 10rpx;
		color: #FDCE9A;
		line-height: 90rpx;
		text-align: center;
		font-size: 20rpx;
		margin-top: 75rpx;
	}
}
</style>
